<template>
  <div class="loading_container" v-show="visible">
    <div class="loading_warrp">
        <div class="woap">
            {{message}}
        </div>
    </div>
  </div>
</template>
<script>
export default {
    data() {
        return {
            message:"",
            visible:false
        }
    },
}
</script>
<style lang="scss">
.loading_container {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999999;
}
.loading_warrp {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.woap{
    padding: 10px;
    background-color: rgba(230, 230, 230, 0.9);
    
}
</style>